<!DOCTYPE html>
<html lang="en">
<head>
  <%= require('../../view/common/head.htm') %>
</head>
<body>
  <%=require('../../view/common/header.htm')%>

  <div class="register-container">
    <!-- 注册内容 -->
    <div class="register">
      <h3>注册新用户
        <span class="go">我有账号，去 <a href="./login.html" target="_blank">登录</a>
        </span>
      </h3>

      <div class="content">
        <label>用户名:</label>
        <input id="username" type="text" placeholder="请输入用户名">
        <span id="usernameMsg" class="error-msg"></span>
      </div>
      
      <div class="content">
        <label>登录密码:</label>
        <input id="pwd" type="password" placeholder="请输入你的登录密码">
        <span id="pwdMsg" class="error-msg"></span>
      </div>

      <div class="content">
        <label>确认密码:</label>
        <input id="repeatedPwd" type="password" placeholder="请输入确认密码">
        <span id="repeatedPwdMsg" class="error-msg"></span>
      </div>
      <div class="content">
        <label>验证码:</label>
        <input id="code" type="text" placeholder="请输入验证码" style="width: 145px;">
        <img 
          id="code_image" 
          style="width: 100px;height: 38px;margin-left: 25px;position: absolute;"
        />
        <span id="codeMsg" class="error-msg"></span>
      </div>

      <div class="content">
        <label>&nbsp;</label>
        <span class="btn">
          <button id="newAccount">完成注册</button>
        </span>
      </div>
      
    </div>
  </div>

  <%=require('../../view/common/footer.htm')%>
</body>
</html>